<template>
   <div id="Footer" class="Footer">
   	  <div class="listBottom">
          <div class="lister">
              <ul class="about list">
                <router-link  :to="{ name: 'aboutUs'}">
                   <a class="titleIcon"><img src="../assets/img/aboutus.png"></a>
                   <span>{{$t('header.about')}}</span>
                   <li>{{$t('bottom.aboutWenno')}}</li>
                   <li>{{$t('bottom.aboutNew')}}</li>
                   <li>{{$t('bottom.figurines')}}</li>       
                </router-link>
              </ul>
              <ul class="contact list">
                <router-link  :to="{ name: 'contactUs'}">
                   <a class="titleIcon"><img src="../assets/img/contactus.png"></a>
                   <span>{{$t('header.contact')}}</span>
                   <li>{{$t('bottom.telephone')}}</li>
                   <li>{{$t('bottom.address')}}</li>
                   <li>{{$t('bottom.email')}}</li>      
                </router-link>
              </ul>
              <ul class="retail list">
                <router-link  :to="{ name: 'retail'}">
                   <a class="titleIcon"><img src="../assets/img/RETAIL.png"></a>
                   <span>{{$t('header.retail')}}</span>
                   <li>
                       <router-link  :to="{ name: 'retail'}"><img src="../assets/img/adressIcon.png">{{$t('bottom.hongkong')}}</router-link>
                   </li>   
                </router-link>
              </ul>
          </div>   

   	  </div>
   	  <div class="bottomAdress">
   	  	  <div class="copyright">
   	  	  	 <div class="copyrightContent">
   	  	  	 	 <span><router-link  :to="{ name: 'privacy'}">{{$t('bottom.privacy')}}</router-link></span>
   	  	  	 	 <a>{{$t('bottom.copyright')}}</a>
   	  	  	 </div>
   	  	  	 <div class="newsletter">
                <a href="https://www.facebook.com/WennoWorld/" target="_blank"></a>
                <a>
                  <template>
                      <viewer>
                         <img class="weixin" src="../assets/img/sweep_scan.png" >
                      </viewer>
                  </template>                  
                </a>
   	  	  	 </div>
   	  	  </div>
   	  </div>
   </div>
</template>
<script>
export default {
  name: 'Footer',
  data () {
    return {
      msg: '版权所有归三次猿公司所有'
    }
  }
}
</script>
<style scoped>
  ul.list a{color:#7b5c55;}
</style>